<!DOCTYPE html>
<html lang="zh"
	   xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
	   xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
	<meta charset="utf-8">
	<title>照片管理</title>
	<link rel="stylesheet" th:href="@{/layui/css/layui.css}" href="../static/layui/css/layui.css" media="all" />
	<link rel="stylesheet" th:href="@{/css/public.css}" href="../static/css/public.css" media="all" />
	<link rel="stylesheet" th:href="@{/css/photo.css}" href="../static/css/photo.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form">
	<blockquote class="layui-elem-quote quoteBox">
		<form class="layui-form">
			<div class="layui-inline">
				<div class="layui-input-inline">
					<input type="text" class="layui-input searchVal" placeholder="请输入搜索的学生" />
				</div>
				<a class="layui-btn search_btn" data-type="reload">搜索</a>
			</div>
			<div class="layui-inline">
				<a class="layui-btn layui-btn-normal expStuPhoto_btn">导出</a>
			</div>
			<div class="layui-inline">
				<a class="layui-btn layui-btn-normal impStuPhoto_btn">导入</a>
			</div>
		</form>
	</blockquote>
	<div class="layui-tab layui-tab-brief" lay-filter="photoListTabBrief">
		<ul class="layui-tab-title">
			<li class="layui-this" data-type="">全部</li>
			<li data-type="1" >已设置</li>
			<li data-type="2" >未设置</li>
		</ul>
		<div class="layui-tab-content"></div>
	</div>
	<div class="layui-tab layui-tab-brief" lay-filter="photoStyleTabBrief">
		<ul class="layui-tab-title">
			<li class="layui-this" data-style="prePic">预览图</li>
			<li data-style="doTable" >操作界面</li>
		</ul>
		<div class="layui-tab-content"></div>
	</div>
	<div id="treePhotoList"></div>
	<div class="stu_PhotoPre" th:fragment="stu_PhotoPre">
		<input type="hidden" id="count" th:value="${count}" />
		<div id="photoProPic">
			<div class="phtobox photoPre" th:if="${#lists.isEmpty(stuInfoList)}" id="errorPhotoList">
				<div class="stuPhoto">
					<img th:src="@{/imgesMob/sl.png}" src="../static/imgesMob/sl.png" width="88" height="123" />
				</div>
				<div class="phtobox-div">
					<label>内容</label>
					<a class="div-block">无数据</a>
				</div>
			</div>
			<div class="phtobox photoPre" th:each="stuInfo:${stuInfoList}" th:id="${stuInfo.xsId}+'@@'+${stuInfo.bjxxId}">
				<div class="stuPhoto">
					<img onerror="this.src='@{/imgesMob/sl.png}'" alt="证件照"
						 th:src="@{/getPhoto/{address}(address=${stuInfo.address})}"
						 th:width="${stuInfo.width}" th:height="${stuInfo.height}">
				</div>
				<div class="phtobox-div">
					<label>姓名</label><a class="div-block" th:text="${stuInfo.name}"></a>
					<label>身份证</label><a class="div-block" th:text="${stuInfo.sfz}"></a>
					<label>学校</label><a class="div-block" th:text="${stuInfo.xxmc}"></a>
					<label>班级</label><a class="div-block" th:text="${stuInfo.bjmc}"></a>
				</div>
			</div>
		</div>
		<div id="photoPreTable" class="photoPreTable">
			<table class="layui-table">
				<thead>
				<tr>
					<th>姓名</th>
					<th>身份证</th>
					<th>学校</th>
					<th>班级</th>
					<th>证件照</th>
					<th>操作</th>
				</tr>
				</thead>
				<tbody>
				<tr th:each="stuInfo:${stuInfoList}" th:id="${stuInfo.xsId}+'@@'+${stuInfo.bjxxId}">
					<td><a th:text="${stuInfo.name}"></a></td>
					<td><a th:text="${stuInfo.sfz}"></a></td>
					<td><a th:text="${stuInfo.xxmc}"></a></td>
					<td><a th:text="${stuInfo.bjmc}"></a></td>
					<td class="stuPhoto">
						<img onerror="this.src='@{/imgesMob/sl.png}'" alt="证件照"
							 th:src="@{/getPhoto/{address}(address=${stuInfo.address})}"
							 th:width="${stuInfo.width}" th:height="${stuInfo.height}">
					</td>
					<td>
						<a class="layui-btn photo_reup_btn" >重新上传</a>
						<a class="layui-btn layui-btn-normal photo_down_btn" >下载</a>
						<a class="layui-btn layui-btn-danger photo_del_btn" >删除</a>
					</td>
				</tr>
				<tr th:if="${#lists.isEmpty(stuInfoList)}">
					<td  colspan="7"><a>无数据</a></td>
				</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div id="stu_PhotoPage"></div>
</form>
<script type="text/javascript" th:src="@{/layui/layui.js}" src="../static/layui/layui.js"></script>
<script type="text/javascript" th:src="@{/js/photoList.js}" src="../static/js/photoList.js"></script>
</body>
</html>